html,
		body {
    margin: 0;
}

.header {
    display: flex;
    justify-content: center;
    height: 3rem;
    background: #3f5161;
}

.header-title {
    color: #fafafa;
    margin: 0;
    padding: 0;
    line-height: 3rem;
    font-size: 1.375rem;
    font-weight: normal;
    text-shadow: 0 0 0.125rem #ffffff;
    font-family: "72", Arial, Helvetica, sans-serif;
}

.tabcontainer1auto {
    background-color: var(--sapBackgroundColor);
}

.tabcontainer2auto {
    height: 300px
}

.tabcontainer3auto {
    height: 100%;
}

.tabContainerNoContentPaddings::part(content) {
    padding-left: 0;
    padding-right: 0;
}

.radio-button-group {
    display: flex;
    flex-direction: column;
}

.design-options {
    display: flex;
    gap: 2rem;
}

.narrowTabContainer {
    width: 200px;
}